﻿.contentDiv
{
    width:300px;
    height:360px;
    background-color:White;
}

.contentDiv .text
{
    padding-left:20px;
    padding-right:20px;
    margin-top:25px;
    background-color:White;
    background-image:url(../Images/float_div.png);
    font-family:微软雅黑;
    font-size:12px;
    color:black;
    background-repeat:no-repeat;
    background-position:-316px 65px;
    height:74px;
    overflow:auto;
    overflow-x:hidden;
    cursor:pointer;
    
}

.contentDiv .line
{
    height:1px;
    width:260px;
    margin-left:20px;
    margin-right:20px;
    background-color: #e8e8e8;
}

.contentDiv .comment
{
    padding-left:20px;
    padding-right:20px;
    padding-top:19px;
    background-color:White;
    background-image:url(../Images/float_div.png);
    height:196px;
    background-repeat:no-repeat;
    background-position:-316px -9px; 
    position:relative;
}

.contentDiv .comment .msg
{
    width:260px;
    height:141px;
    position:relative;
    overflow:hidden;
}

.contentDiv .comment .msg .container
{
    position:relative;
    overflow:hidden;
    position:absolute;
}

.contentDiv .comment .msg .item
{
    width:260px;
    height:47px;
    position:relative;
}

.contentDiv .comment .msg .item .bar
{
	height:28px;
	overflow:hidden;	
	cursor:pointer;
	position:relative;
}

.contentDiv .comment .msg .item .divright
{
	float:right;
}

.contentDiv .comment .msg .item .bar .left
{
	height:28px;
	max-width:228px;
	padding-left:8px;
	line-height:28px;
	background-image:url(../Images/float_div.png);
	background-position:-316px -224px;
	float:left;
	font-family:微软雅黑;
    font-size:12px;
    color:#515151;
	
}

.contentDiv .comment .msg .item .bar .right
{
	height:28px;
	width:8px;
	background-image:url(../Images/float_div.png);
	background-position:-556px -224px;
	float:left;
}



.contentDiv .comment .msg .item .arrayleft
{
	height:11px;
	width:13px;
	background-image:url(../Images/float_div.png);
	background-position:-316px -252px;
	position:absolute;
	top:27px;
	left:10px;
}

.contentDiv .comment .msg .item .arrayright
{
	height:11px;
	width:13px;
	background-image:url(../Images/float_div.png);
	background-position:-329px -252px;
	position:absolute;
	top:27px;
	left:239px;
}


.contentDiv .comment .msg .item .string
{
    width:260px;
    height:47px;
}

.contentDiv .comment .input
{
    width:260px;
    height:49px;
    
}

.contentDiv .comment .input textarea
{
    width:260px;
    height:51px;
    background-image:url(../Images/float_div.png);
     background-repeat:no-repeat;
    background-position:-316px -263px; 
    border:hidden;
    overflow:auto;
    text-align:left;   
     overflow-x:hidden;
      font-family:微软雅黑;
    font-size:12px;
    
    
}

.contentDiv .btn
{
	margin-top:6px;
	height:23px;
	width:79px;
	background-image:url(../Images/float_div.png);
	background-position:-316px -314px;
	 background-repeat:no-repeat;
	 border:hidden;
	 cursor:pointer;
	 margin-left:20px;
}
















/************************************************************************/

body
{
 background-color: #f5f5f5;    
}


.horItem
{
  width:100px;
  height:10px;
  float:left;  
}

.verItem
{
    width:10px;
    height:100px;    
}


.sampleDiv
{
    width:1200px;
    height:800px;
    border:black solid 1px;
    overflow:hidden; 
     margin-top:5px;   
    
}

.sampleDiv div
{
    width:226px;
    height:113px;
    border:black solid 1px;
    float:left;
    overflow:hidden;    
    margin-left:10px;
    margin-top:10px;
 font-family:Verdana;
 font-size:medium;
 text-align:center;
 vertical-align:middle;
}












/*********************************************************************************************/

.box
{
position:relative;
width:300px;
height:410px;
background-color:white;
    
}

.box .array
{
    height:10px;
    width:24px; 
    overflow:hidden;
    z-index:10;  
    position:relative;
    margin-left:700px; 
}

.box .array .arrayout{
width:0px;
height:0px;
border-bottom:12px black solid;
border-left:12px transparent solid;
border-right: 12px transparent solid;
position:absolute;
}

.box .array .arrayin{
width:0px;
height:0px;
border-bottom:10px white solid;
border-left:10px transparent solid;
border-right: 10px transparent solid;
position:absolute;
top:1px;
left:2px;
}

.box .main
{
    width:300px;
    height:400px;
    border:1px black solid; 
    top:9px;
    background-color:White;
    position:absolute;   
    overflow:hidden;
    z-index:1;
}


